<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<!--[if lt IE 9]><!-->
		<script src="http://code.jquery.com/jquery-1.11.3.min.js "></script>
		<!--<![endif]-->
		<!--[if gte IE 9]><!-->
		<script src="https://code.jquery.com/jquery-3.2.1.min.js "></script>
		<!--<![endif]-->
		<script>
			$(document).ready(function() {
				$("p:visible").css("background-color","blue");
				$(":hidden").show(3500);
				$(":root").css("background-color","yellow");
				$("input").focus();
				$(":focus").css("background-color","aqua");
				/*$(":root").css("border","solid red");*/
			});
		</script>
	</head>

	<body>
		<p>这是一个段落。</p>
		<p>这是另外一个段落。</p>
		<p style="display:none;">这是一个隐藏段落。</p>
		<div style="display:none;">这是隐藏的 div 元素。</div>
		<input type="text" />
	</body>

</html>